<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <!--头部固定引用-->
    <meta charset="utf-8">
    <meta name="full-screen" content="yes">
    <meta name="x5-fullscreen" content="true">
    <meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=no">
    <link rel="stylesheet" href="../css/base.css">
    <link rel="stylesheet" href="../css/icon-font.css">
    <link rel="stylesheet" href="../css/info-list.css"/><!--资讯列表-->
    <link rel="stylesheet" href="../css/pop-ups.css"/><!--资讯列表-->
    <link rel="stylesheet" href="../css/nflag.css"/>
    <!--<link rel="stylesheet" href="../plugin/swipeslider/css/swipeslider.css">-->

    <link rel="stylesheet" href="../plugin/swiper/css/swiper.min.css">
    <link rel="stylesheet" href="../plugin/mescroll/css/mescroll.min.css">

    <!--固定引用结束,自定义引用添加在下面-->
    <title>资讯</title>
    <!--页面样式添加在这里，多看看base。css里面的公共样式，大部分常用的都有，避免使用独立css文件为单独页面设置样式，避免随意添加样式到公共样式-->
    <style>
        /*************轮播图**开始**************/
        /*//////////////////轮播图相关/////////////////////*/

        .info-slider-item {
            width: 7.5rem;
            height: 4.24rem;
        }

        .info-slider-box {
            width: 6.91rem;
            bottom: .62rem;
            margin-left: .32rem;
        }

        .info-slider-til {
            color: rgba(255, 255, 255, 1);
            line-height: 24px;
        }

        .info-slider-content {
            color: rgba(255, 255, 255, 1);
            line-height: 24px;
        }

        .info-slider-time {
            min-width: 0.8rem;
        }

        .slider-img img {
            width: 100%;
            height: 100%;
        }

        .info-rotion-wrap {
            width: 7.5rem;
            height: 4.24rem;
        }

        .info-rotion-mask {
            bottom: 0;
            left: 0;
            width: 7.5rem;
            height: 1.16rem;
            background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .68) 100%);
        }

        .info-rotion-wrap img {
            width: inherit;
            height: inherit;
        }

        .swiper-pagination-bullet {
            background-color: white;
        }

        .swiper-pagination-bullet-active {
            background-color: #2C68FF
        }

        /*************轮播图**结束**************/


        /*************股指**开始**************/
        .info-stock-wrap {
            background: rgba(255, 255, 255, 1);
            padding: .52rem .32rem .28rem .32rem;
        }

        .info-stock-proportion {
            background: rgba(255, 255, 255, 1);
            padding: 0 .32rem .48rem .32rem;
        }

        .info-stock-box {
            background: rgba(248, 248, 246, 1);
            width: 2.2rem;
            height: 1.4rem;
        }

        .info-stock-item {
            margin: 0 .24rem;
            height: 1.4rem;
        }

        .info-stock-name {
            color: rgba(34, 34, 34, 1);
            line-height: .34rem;
        }

        .info-stock-index {
            color: rgba(236, 62, 51, 1);
            line-height: .5rem;
            padding-top: 0.08rem;
            padding-bottom: 0.03rem;
        }

        .info-stock-increase {
            color: rgba(236, 62, 51, 1);
            line-height: .32rem;
        }

        .info-stock-drop {
            color: rgba(0, 174, 31, 1);
            line-height: .32rem;
        }

        .info-stock-line {
            max-width: 4.6rem;
            height: .12rem;
        }

        .info-stock-zcount {
            color: rgba(236, 62, 51, 1);
        }

        .info-stock-z {
            height: .12rem;
            background: rgba(236, 62, 51, 1);
            position: relative;
        }

        .info-stock-z:after {
            content: '';
            width: 0;
            height: 0;
            border-bottom: 0.12rem solid white;
            border-left: 0.06rem solid transparent;
            position: absolute;
            right: 0
        }

        .info-stock-p {
            height: .12rem;
            background: rgba(152, 148, 147, 1);
            transform: skewX(-25deg);
            margin-left: 0.05rem;
        }

        .info-stock-d {
            height: .12rem;
            background: rgba(0, 174, 31, 1);
            position: relative;
            margin-left: 0.05rem;
        }

        .info-stock-d:after {
            content: '';
            width: 0;
            height: 0;
            border-top: 0.12rem solid white;
            border-right: 0.06rem solid transparent;
            position: absolute;
            left: 0;
        }

        .info-stock-dcount {
            color: rgba(0, 174, 31, 1);
        }

        /*************股指**结束**************/

        /*!*************栏目、专题（宏观政策）**开始**************!*/

        .info-list-wrap {
            background: rgba(255, 255, 255, 1);
        }

        .menu-child div:last-child {
            border: none;
        }

        .info-content-area {
            background: rgba(255, 255, 255, 1);
        }

        /*************栏目、专题（宏观政策）**结束**************/

        /*************快讯**开始**************/
        .info-news-wrap div:last-child {
            border: none;
        }

        .info-news-item {
            margin-top: .24rem;
            height: 17px;
        }

        .info-news-item img {
            width: .56rem;
            height: 16px;
            border-radius: 2px;
            margin-right: .12rem;
        }

        .info-news-type {
            width: .56rem;
            height: .32rem;
            line-height: .32rem;
            margin-right: .12rem;
            border-radius: 2px;
            color: rgba(34, 34, 34, 0.45);
            border: 1px solid rgba(151, 151, 151, 1);
        }

        .info-news-time {
            color: rgba(34, 34, 34, 0.45);
            line-height: 17px;
        }

        .info-news-box {
            padding-top: .4rem;
            padding-bottom: .4rem;
            margin: 0 .32rem;
            /*border: solid 1px rgba(242, 242, 242, 1);*/
            /*border-width: 0 0 1px 0;*/
        }

        .info-quick-review {
            background: rgba(247, 248, 249, 1);
            border-radius: 4px;
            margin-top: .2rem;
            padding: .30rem .28rem;
        }

        .info-quick-review div {
            color: rgba(34, 34, 34, 0.7);
            line-height: 20px;
        }

        .info-quick-article {
            width: 6.86rem;
            height: .52rem;
            border-radius: .04px;
            line-height: .52rem;
        }

        .info-quick-article span {
            left: .08rem;
            width: .28rem;
            height: .52rem;
            color: rgba(120, 140, 203, 1);
            border-radius: .04rem;
        }

        .info-quick-article div {
            background: rgba(246, 246, 246, 1);
            color: rgba(120, 140, 203, 1);
            padding-left: .52rem;
            padding-right: .16rem;
            border-radius: .04rem;
        }

        /*************快讯**结束**************/


        /*************专题**开始**************/
        .info-topic-box {
            background: rgba(241, 246, 250, 1);
        }

        .info-topic-item {
            margin: .4rem .32rem;
            padding-bottom: .34rem;
            background: rgba(255, 255, 255, 1);
            border-radius: .08rem;
        }

        .info-topic-cover {
            width: 100%;
            height: 2.4rem;
            background: rgba(216, 216, 216, 1);
            border-top-left-radius: .08rem;
            border-top-right-radius: .08rem;
        }

        .info-topic-cover img {
            width: inherit;
            height: inherit;
            border-top-left-radius: .08rem;
            border-top-right-radius: .08rem;
        }

        .info-topic-icon {
            width: .6rem;
            height: .34rem;
            background: linear-gradient(90deg, rgba(87, 161, 255, 1) 0%, rgba(44, 104, 255, 1) 100%);
            border-radius: .06rem;
            color: rgba(255, 255, 255, 1);
            text-align: center;
            margin-right: .16rem;
        }

        .info-topic-count {
            height: .34rem;
            line-height: .34rem;
            color: rgba(34, 34, 34, 0.7);
        }

        .info-topic-name {
            color: rgba(34, 34, 34, 1);
            line-height: .44rem;
            padding: .24rem .28rem 0 .28rem;
        }

        .info-topic-content {
            padding: .24rem .28rem 0 .28rem;
            line-height: 22px;
            color: rgba(34, 34, 34, 0.7);
        }

        .info-topic-group {
            padding: .1rem .28rem 0 .28rem;
        }

        .info-topic-desc {
            color: rgba(34, 34, 34, 0.7);
            line-height: .44rem;
            padding-top: .16rem;
        }

        .flash-detail-kx-icon {
            width: 1.5rem;
            height: 0.3rem;
        }

        /*************专题**结束**************/
        /*************菜单选择器**开始**************/
        .info-inside-warp {
            height: 0.88rem;
            z-index: 5000;
            overflow: hidden;
            /*padding-left: 0.32rem;*/
        }

        .info-inside-warp .info-inside-column {
            left: 0;
            top: 0;
            width: 6.42rem;
            height: 0.88rem;
            overflow-x: scroll;
            overflow-y: hidden;
            white-space: nowrap;
            display: flex;
            /*margin-right: .4rem;*/
            -webkit-overflow-scrolling: touch;
        }

        .info-inside-warp .info-inside-column div:first-child {
            margin-left: .32rem;
        }

        .info-inside-warp .info-inside-column div:last-child {
            border-right: 20px solid #fff;
        }

        .info-inside-warp .info-inside-column .info-inside-item {
            height: 0.88rem;
            line-height: 0.88rem;
            margin: 0 0.26rem;
            color: rgba(34, 34, 34, 0.45)
        }

        .info-inside-warp .info-inside-column .info-inside-item .info-inside-underline {
            width: 100%;
            bottom: .14rem;
        }

        .info-inside-warp .info-inside-column .info-inside-item .info-inside-underline span {
            width: .36rem;
            background: rgba(44, 104, 255, 1);
            border-radius: .04rem;
        }

        .info-inside-warp .info-inside-column .info-inside-item .info-inside-underline .underactive {
            height: .06rem;
        }

        .info-inside-warp .info-inside-column .active {
            color: rgba(44, 104, 255, 1);
            font-weight: bold;
        }

        .info-inside-warp .inside-inside-traneara {
            width: .4rem;
            height: .88rem;
            right: 1.08rem;
            background: linear-gradient(270deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
        }


        .info-inside-warp .inside-inside-lefteara {
            width: .4rem;
            height: .88rem;
            left: 0;
            z-index: 11;
            background: linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
        }

        .info-inside-warp .column-img {
            width: .64rem;
            height: 0.88rem;
            /*margin-top: 0.14rem;*/
            margin-left: 0.44rem;
        }

        .info-inside-warp .column-img span {
            margin-left: 0;
        }


        /*************菜单选择器**结束**************/

        /*************三级菜单选择器**开始**************/

        .inside-child {
            overflow-x: scroll;
            overflow-y: hidden;
        }

        .menu-inside-warp {
            height: .8rem;
            /*height: 0;*/
            top: 0.88rem;
            z-index: 1;
            overflow: hidden;
            /*padding-bottom: 0.04rem;*/
            /*padding-top: .06rem;*/
            background: rgba(255, 255, 255, 1);
        }

        .menu-inside-warp .menu-inside-column {
            left: 0;
            top: 0;
            width: 7.5rem;
            height: 0.6rem;
            padding-right: .32rem;
            padding-left: .32rem;
            overflow-x: scroll;
            overflow-y: hidden;
            white-space: nowrap;
            display: flex;
            -webkit-overflow-scrolling: touch;
            margin-top: .06rem;
        }

        .menu-inside-warp .menu-inside-column div:last-child {
            padding-right: .16rem;
        }

        .menu-inside-warp .menu-inside-column .menu-inside-item {
            padding: 0 .16rem;
        }

        .menu-inside-warp .menu-inside-column div:first-child {
            margin-left: 0;
        }

        .menu-inside-warp .menu-inside-column .menu-inside-item {
            padding: 0 .28rem;
            height: .56rem;
            line-height: .56rem;
            color: rgba(34, 34, 34, 0.45);
            background: rgba(244, 244, 244, 1);
            border-radius: 1rem;
            margin: 0 .16rem;
        }

        .menu-inside-warp .menu-inside-column .active {
            color: rgba(44, 104, 255, 1);
            background: rgba(44, 104, 255, 0.13);
            font-weight: bold;
        }

        /*************三级菜单选择器**结束**************/


        /***************经济日历开始********************/
        #index-calendar {
            background: white;
        }

        .index-calendar-center {
            padding: 0.24rem 0.32rem;
            background-color: white;
        }

        .index-calendar-center-total {
            color: rgba(34, 34, 34, 0.45);
        }

        .index-calendar-center-total span {
            color: #2C68FF;
        }

        .index-calendar-center-screen {
            color: rgba(34, 34, 34, 0.45);
            margin-right: 0.08rem;
        }

        .index-calendar-center-screen-icon {
            color: #000000;
        }

        .index-calendar-list-item {
            border-top: 0.02rem solid #F7F7F7;
            padding: 0.26rem 0.32rem;
        }

        .index-calendar-list-country {
            color: rgba(34, 34, 34, 0.45);
            margin-left: 0.16rem;
        }

        .index-calendar-list-time {
            color: rgba(34, 34, 34, 0.45)
        }

        .index-calendar-list-title {
            line-height: 0.42rem;
        }

        .index-calendar-list-label {
            color: rgba(34, 34, 34, 0.45)
        }

        .index-calendar-list-icon-n {
            color: #E2E2E2;
        }

        .index-calendar-list-icon-r {
            color: #EF4244;
        }

        .index-calendar-list-icon-g {
            color: #2C68FF;
        }

        .index-calendar-ny {
            color: rgba(34, 34, 34, 0.7);
        }

        .index-calendar-pad {
            padding: 0.2rem 0.4rem 0.32rem 0.4rem
        }

        .index-calendar-nyr {
            color: rgba(34, 34, 34, 0.45);
        }

        .index-calendar-nyr-active {
            color: #2C68FF;
        }

        .index-calendar-icon {
            color: #000000;
        }

        .index-calendar-line {
            height: 0.88rem;
            background-color: #F7F7F7;
        }

        .index-calendar-day {
            width: 0.8rem;
        }

        .index-calendar-day-w {
            color: rgba(34, 34, 34, 0.45)
        }

        .index-calendar-day-d {
            color: #222222;
        }

        .index-calendar-day-active {
            background: #2C68FF;
            border-radius: 0.04rem;
            height: 0.88rem;
        }

        .index-calendar-day-w-active {
            color: #FFFFFF;
        }

        .index-calendar-day-d-active-now {
            color: #2C68FF;
        }

        .index-calendar-day-d-active {
            color: #FFFFFF;
        }

        .index-info-cal-pop {
            position: fixed;
            bottom: 0px;
            width: 100%;
            height: 100rem;
            background-color: rgba(0, 0, 0, 0.6);
            z-index: 10000;
        }

        .index-info-cal-wrap {
            position: fixed;
            bottom: 0;
            background-color: white;
            width: 100%;
            z-index: 10002;
            padding-top: 0.34rem;
        }

        .index-info-cal-content {
            padding: 0 0.06rem 0 0.32rem;
        }

        .index-info-cal-item {
            margin-right: 0.26rem;
            width: 1.52rem;
            height: 0.64rem;
            line-height: 0.64rem;
            background-color: #F7F7F7;
            color: #191919;
            text-align: center;
            border-radius: 0.04rem;
        }

        .index-info-cal-item-active {
            background-color: #2C68FF;
            color: #FFFFFF;
        }

        .index-info-cal-sure {
            background-color: #2C68FF;
            color: #FFFFFF;
            height: 1rem;
            line-height: 1rem;
            text-align: center;
            margin-top: 0.32rem;
        }

        /*****************经济日历结束******************/
        /*****************实时图文、闪电快讯开始******************/


        .info-flash-time-axis {

        }

        .mr131 {
            margin-right: 2.62rem;
        }

        .index-flash-tab-s {
            color: #2C68FF;
        }

        .index-flash-tab-n {
            color: rgba(34, 34, 34, 0.45);
        }

        .index-flash-time {
            background-color: #F7F7F7;
            height: 0.68rem;
            line-height: .68rem;
            padding: 0 0.32rem;
            color: rgba(34, 34, 34, 0.7);
            position: fixed;
            width: 100%;
            z-index: 10001;
        }

        .index-flash-track-line {
            height: 0.78rem;
            width: 100%;
        }


        .index-flash-track-rcol {
            width: 100%;
        }

        .index-flash-track-list {
            position: relative;
        }

        .index-flash-track-list .index-flash-track-ul {
            padding-inline-start: 0.2rem;
            margin-right: 0.32rem;
        }

        .index-flash-track-list .index-flash-track-li {
            position: relative;
            padding: 0.22rem 0 0.22rem 0.18rem;
            line-height: 0.48rem;
            border-left: 1px solid #F0F0F0;
        }

        .index-flash-track-list .index-flash-track-li .node-icon {
            position: absolute;
            left: -0.10rem;
            top: 0.36rem;
            width: 0.18rem;
            height: 0.18rem;
            border: 2px solid #2C68FF;
            background-color: white;
            border-radius: 50px;
        }

        .index-flash-track-list .index-flash-track-li .time {
            margin-right: 0.32rem;
            position: relative;
            /*top: -0.04rem;*/
            display: inline-block;
            vertical-align: middle;
            color: rgba(34, 34, 34, 0.7);
        }

        .index-flash-track-list .index-flash-track-li .title {
            /*display: inline-block;*/
            vertical-align: middle;
            color: #222222;
        }

        .index-flash-track-list .content {
            margin-top: 0.24rem;
            padding: 0.18rem 0.24rem;
            background-color: #F7F8F9;
            color: rgba(34, 34, 34, 0.7);
            line-height: 0.48rem;
        }

        .index-flash-track-list .content span {
            color: #FF9523;
        }

        .index-flash-link {
            margin-top: 0.36rem;
            height: 1.24rem;
            padding: 0.2rem;
            background-color: #F7F8F9;
        }

        .index-flash-link-title {
            margin-right: 0.34rem;
            height: 0.96rem;
        }

        .index-flash-link-icon {
            color: #2C68FF;
        }

        .index-flash-link-icon span {
            border: 0.02rem solid #2C68FF;
            padding: 0.01rem 0.02rem;
            position: relative;
            top: -0.031rem;
        }

        .index-flash-link-img img {
            width: 0.96rem;
            height: 0.84rem;
        }

        .index-flash-img {
            margin-top: 0.24rem;
        }

        .index-flash-img-one {
            width: 3.2rem;
            height: 1.8rem;
        }

        .index-flash-img-more {
            width: 2.08rem;
            height: 2.08rem;
        }

        .index-flash-bottom {
            margin-top: 0.16rem;
        }

        .index-flash-bottom-box {
            display: flex;
            flex-wrap: wrap;
            height: 22px;
            overflow: hidden;
        }

        .index-flash-bottom-label {
            margin-right: 8px;
            padding: 0 15px;
            height: 22px;
            line-height: 22px;
            color: rgba(34, 34, 34, 0.45);
            background-color: #F7F8F9;
            border-radius: 15px;
        }

        .index-flash-bottom-icon {
            height: 22px;
        }

        .index-flash-pl {
            color: #222222;
            margin-right: 0.56rem;
        }

        .index-flash-fx {
            color: #222222;
        }

        /*****************实时图文、闪电快讯结束******************/

        .topic-pk-box {
            padding: 0 .32rem;
            height: 3.18rem;
            margin: .4rem 0;
        }

        .topic-pk-item {
            border-radius: 4px;
            background: #EDF5FD;
            height: 3.18rem;
        }

        .topic-pk-iconbox {
            margin-top: .24rem;
            margin-bottom: .16rem;
            padding-left: .28rem;
            padding-right: .28rem;
        }

        .topic-pk-iconbox span {
            color: #999999;
        }

        .topic-pk-lefticon {
            width: 1.08rem;
            height: .4rem;
        }

        .topic-pk-righticon {
            width: 1.96rem;
            height: 1.96rem;
            right: 0;
            bottom: 0;
            z-index: 0;
        }

        .topic-pk-title {
            line-height: .44rem;
            color: #2F3858;
            padding: 0 .28rem;
        }

        .topic-pk-count {
            color: rgba(34, 34, 34, 0.4);
            line-height: .34rem;
            padding-left: .28rem;
            margin-top: .2rem;
        }

        .topic-pk-count span {
            margin-right: .16rem;
        }

        .topic-pk-view {
            width: 4.82rem;
            height: 1.2rem;
            margin-left: .2rem;
            margin-top: .1rem;
            margin-bottom: .1rem;
        }

        .topic-pk-view img {
            width: 4.7rem;
            height: 1.2rem;
        }

        .topic-view-positive {
            left: .28rem;
            top: .27rem;
            width: 1.92rem;
            text-align: center;
            color: #ffffff;
            line-height: .4rem;
        }

        .topic-view-side {
            right: .28rem;
            top: .37rem;
            width: 1.92rem;
            text-align: center;
            color: #ffffff;
            line-height: .4rem;
        }


        .topic-pk-vote {
            margin-top: .28rem;
            padding-left: 0.28rem;
            padding-right: 0.6rem;
            line-height: .36rem;
        }

        .topic-vote-positive {
            color: #FB653A;
        }

        .topic-vote-side {
            color: rgba(78, 126, 244, 0.5);
        }

        .topic-pk-pre {
            margin-top: .08rem;
            padding-left: .28rem;
            padding-right: .6rem;
            padding-bottom: .36rem;
        }

        .topic-pre-positive {
            color: #FB653A;
        }

        .topic-list-line {
            max-width: 5.4rem;
            margin: 0 .12rem;
        }

        /*控制横线*/
        .topic-line-positive {
            background: #fb653a;
            box-shadow: 0px 2px 8px 0px rgba(251, 101, 58, 0.3);
            border-radius: 100px 0px 0px 100px;
            position: relative;
            height: .16rem;
        }

        .topic-line-positiveall {
            background: #fb653a;
            box-shadow: 0px 2px 8px 0px rgba(251, 101, 58, 0.3);
            border-radius: 100px 100px 100px 100px;
            position: relative;
            height: .16rem;
        }

        .topic-line-side {
            background: rgba(78, 126, 244, 0.5);
            border-radius: 0px 100px 100px 0px;
            position: relative;
            height: .16rem;
        }

        .topic-line-sideall {
            background: rgba(78, 126, 244, 0.5);
            border-radius: 100px 100px 100px 100px;
            position: relative;
            height: .16rem;
        }

        .topic-pre-side {
            color: rgba(78, 126, 244, 0.5);
        }

        .topic-people-magin {
            margin-top: 0.2rem;
        }

        /* 已站队*/
        .pk-top-count {
            font-size: 0.44rem;
        }

        .pk-urge-op {
            font-size: 0.24rem;
            color: rgba(34, 34, 34, 0.4);
            padding-top: 0.28rem;
            text-align: center;
        }

        .pk-urge-squ {
            font-size: 0.24rem;
            color: rgba(34, 34, 34, 0.4);
            padding-top: 0.28rem;
            text-align: center;
        }

        .pk-comment-cancel {
            font-size: 0.32rem;
            color: rgba(34, 34, 34, 0.45);
            width: 100%;
            text-align: left;
        }

        .pk-comment-send {
            padding-right: 0rem;
            font-size: 0.32rem;
            color: #FF9523;
            width: 100%;
            text-align: right
        }

        .topic-pk-textarea {
            border: none;
            border: solid 0rem;
            outline: none;
        }

        .topic-pk-thumbsup {
            color: #FF9523;
        }

        .icon-pk-left {
            margin-right: 0.16rem;
        }

    </style>
</head>
<!--尽量不要在body上添加样式，除了背景色-->
<body>

<div class="flex-column h-100-p">
    <!--状态栏-->
    <div class="bg-main status-bar"></div>
    <!--二级菜单栏目选择器-->
    <div class="flex-row bg-white info-inside-warp mescroll-touch">
        <div class="inside-inside-lefteara pos-a"></div>
        <div class="flex-row info-inside-column mescroll-touch-x"></div>
        <div class="inside-inside-traneara pos-a"></div>
        <div class="flex-row column-img" onclick="goSearch()">
            <span class="iconfont iconsousuo-01 left-bar fspx16"></span>
        </div>
    </div>

    <!--三级菜单栏目选择器-->
    <div class="flex-row bg-white menu-inside-warp mescroll-touch dis-n">
        <div class="flex-row align-items-center menu-inside-column mescroll-touch-x"></div>
    </div>

    <div class="index-info-custom-head" style="display: none"></div>

    <div class="flex-1 scoll-y mescroll" id="mescroll">
        <div class="contentArea" id="recId">
            <!--轮播图-->
            <div class="info-rotion-wrap pos-r">
                <div id="full_feature" class="swipslider">
                    <div class="sw-slides swiper-wrapper"></div>
                    <div class="swiper-pagination"></div>
                </div>

            </div>

            <!--指数-->


            <!--            <div class="flex-column">-->
            <!--                <div class="flex-row justify-content-between info-stock-wrap"></div>-->
            <!--                <div class="flex-row justify-content-between align-items-center info-stock-proportion"></div>-->
            <!--            </div>-->

            <!--推荐文章列表-->
            <div class="flex-column ">
                <div class="flex-column info-list-wrap"></div>
            </div>
        </div>

        <div class="contentArea info-content-area" id="menuIds">
            <!--    菜单下文章列表-->
        </div>
    </div>

</div>
<div class="index-info-cal-pop index-info-cal-show" style="display: none" onclick="calendarCancle()">

</div>
<div class="index-info-cal-wrap index-info-cal-show" style="display: none">
    <div class="flex-column fspx14 index-info-cal-content">
        <div class="ff500 mb20 c-222">国家</div>
        <div class="index-info-cal-box flex-row flex-wrap">
            <div class="index-info-cal-item mb10 index-info-cal-item-active">中国</div>
            <div class="index-info-cal-item mb10">中国</div>
        </div>
    </div>

    <div class="index-info-cal-sure fspx16" onclick="calendarSure()">确定</div>
</div>


</body>
<!--下面四个文件为固定引用，自己根据情况调整路径，不要跟换引入顺序，其他引用添加在后面-->
<script src="../js/dict.js"></script>
<script src="../js/jquery-3.4.1.min.js"></script>
<script src="../js/checkJsBridge.js"></script>
<script src="../js/utils.js"></script>
<script src="../js/api.js"></script>
<script src="../js/icon-font.js"></script>
<!--固定引用结束-->
<script src="../js/date.js"></script>
<script src="../js/template.js"></script>
<script src="../js/calendar.js"></script>
<script src="../js/touchRefresh.js"></script>
<!--<script src="../plugin/swipeslider/js/swipeslider.js"></script>-->

<!--protobuf-->
<script src="../js/protobuf.min.js"></script>
<script src="../js/proto.js"></script>

<script src="../plugin/swiper/js/swiper.min.js"></script>

<script src="../plugin/mescroll/js/mescroll.min.js"></script>

<!--避免一个页面包含过多功能，减少js重绘页面，推荐分功能，分页面-->

<script>

  let meScroll, _refreshStatus = true, timerId, mySwiper = 0
  let pm = {
    isRefresh: false,
    secondLevelCode: '004001',//二级菜单编码，默认推荐栏目的编码
    currDttm: DateUtils.getNowInt(),
    '004001': {
      thirdLevelCode: '004001',//三级菜单编码，推荐栏目的编码
      scrollLeft: 0,
      '004001': {
        pageNum: 1,
        pageSize: 10,
        lastDttm: DateUtils.getNowInt(),
        isInitChildMenu: true,//是否初始化子菜单
        infoList: [],//资讯合集
        topicList: [],//专题列表
        lastFuncIndex: 0,//记录上一次添加的专题在专题列表的位置
        lastListIndex: 0,//记录上一次添加的专题在资讯列表的位置
        lastShowIndex: 0,//记录上一次列表展示的最后位置
        scrollHeight: 0,
        isScroll: false//初始化滚动状态
      }
    },
    defaultMenus: [
      {funcName: '推荐', funcCode: '004001'},
      {funcName: '快讯', funcCode: '004005'},
      {funcName: '视频', funcCode: '004999'}],//菜单列表
    menus: [],
    slides: [],
    previousIsTopic: true,//上一条是否是专题
    defaultImg: '//storage.360buyimg.com/jtzx/addf93df-df8c-43ec-b041-35a895b837f3.jpg',
    currCode: '',
    scrollLeft: 0,
    stockList: []
  }

  /*固定页面初始化方法，用于替代$(function(){}),param为url参数，Object类型*/
  function initPage(params) {
    //状态栏自适应
    Utils.sbhAdaptive()

    pm.currCode = params.funcCode

    pageScroll()

    //下拉刷新、滚动加载
    meScroll = Template.createMeScroll({
      id: 'mescroll', //区域ID
      loadImg: '../images/loading.gif',
      pageNum: pm[pm.secondLevelCode][pm[pm.secondLevelCode].thirdLevelCode].pageNum,
      downCallback: refreshAchive, //下拉刷新入口
      upCallback: initInfoList //滚动加载入口
    })
  }

  /*页面所在窗口由后台前台时触发的方法,param为url参数，Object类型*/
  function startPage(params) {
    initSwiper()
  }

  function refreshAchive() {

    reLoadPage(true)

    //股票行情定时更新
    // if (timerId) {
    //   clearInterval(timerId)
    // }
    // getStockInfo()
    // timerId = setInterval(function () {
    //   getStockInfo()
    // }, dict.STOCK_REFRESH_TIME)
  }

  function reLoadPage(isRefresh) {

    if (mySwiper !== 0 && pm.secondLevelCode === '004001') {
      mySwiper.destroy()
    }
    let parentCode = pm.secondLevelCode
    let childCode = pm[parentCode].thirdLevelCode

    pm[parentCode][childCode] = {
      pageNum: 1,
      pageSize: 10,
      lastDttm: DateUtils.getNowInt(),
      isInitChildMenu: true,//是否初始化子菜单
      infoList: [],//资讯合集
      topicList: [],//专题列表
      lastFuncIndex: 0,//记录上一次添加的专题在专题列表的位置
      lastListIndex: 0,//记录上一次添加的专题在资讯列表的位置
      lastShowIndex: 0,//记录上一次列表展示的最后位置
      scrollHeight: 0,

      parentCode: pm.secondLevelCode,
      funcCode: childCode,
      timeStamp: '', // 快讯专用
      flag: false,// 快讯专用
      firstInter: true// 快讯专用
    }

    //初始化栏目列表
    initMenus(isRefresh)

    //暂时先调用一次
    dealTopicPK()
  }

  function initMenus(isRefresh) {
    pm.menus = []
    Server.infoIndex.getMenuList({
      funcCode: '004',
      pageNum: 1,
      pageSize: 60,
      type: '2'
    }).then(function (data) {
      $.each(pm.defaultMenus, function (i, it) {
        pm.menus.push(it)
      })

      $.each(data.list, function (i, it) {
        if (it.funcCode !== '004001') {
          if (it.funcCode === '004005') {
            pm.menus[1].childList = it.childList
          } else {
            pm.menus.push(it)
          }
        }
      })

      dealMenuInside(isRefresh)
    }).catch(function () {
      $.each(pm.defaultMenus, function (i, it) {
        pm.menus.push(it)
      })
      dealMenuInside(isRefresh)
    })
  }

  //初始化二级菜单
  function dealMenuInside(isRefresh) {

    if (Utils.notEmpty(pm.menus) && pm.menus.length > 0) {
      let htmlStr = '', childStr = ''

      $.each(pm.menus, function (i, it) {
        let flag = false
        if (!pm.currCode && i === 0) {
          flag = true
        } else if (pm.currCode && pm.currCode.substr(0, 6) === it.funcCode) {
          flag = true
        }
        htmlStr += '       <div class="ff400 fspx16 info-inside-item insideItem_' + it.funcCode + ' pos-r ' + (flag ? ' active ' : '') + ' " onclick="changeColumn(\'' + it.funcCode + '\',' + i + ', this)">\n' +
          '                <span>' + (it.funcDescribe ? it.funcDescribe : it.funcName) + '</span>\n' +
          '                <span class="flex-row justify-content-center info-inside-underline pos-a">\n' +
          '                    <span class=\'' + (flag ? 'underactive' : '') + '\'></span>\n' +
          '                </span>\n' +
          '            </div>'

        childStr += '<div class="flex-row inside-child " style="' + (flag ? '' : 'display: none') + '" id="insideId_' + it.funcCode + '">'
        //处理刷新时，已有数据的情况
        if (!flag) {
          let cldMenu = $('#insideId_' + it.funcCode).html()
          childStr += cldMenu ? cldMenu : ''
        }
        childStr += '</div>'

        //初始化组装翻页页数
        if (i !== 0) {
          asemblyPage(it.funcCode, isRefresh)
        }

        //初始化列表容器，如果为空才添加
        let secondDom = $('#menuId_' + it.funcCode)
        if (!secondDom[0]) {
          $('#menuIds').append('<div class=\'menus\' id="menuId_' + it.funcCode + '"></div>')
        } else {
          if (it.funcCode === pm.secondLevelCode) {
            secondDom.html('')
          }
        }
      })

      //刷新二级菜单
      $('.info-inside-column').html(htmlStr)

      //刷新，只处理当前选择（二级菜单）下的三级菜单
      $('.menu-inside-column').html(childStr)
    }

    if (pm.currCode && !isRefresh) {
      pm.secondLevelCode = pm.currCode.substr(0, 6)
      pm[pm.secondLevelCode].thirdLevelCode = pm.currCode

      changeColumn(pm.secondLevelCode, 0)
    }

    if (isRefresh) {
      dealChildInside(pm.currCode)
    }

    initInfoList()
  }

  //初始化三级级菜单
  function dealChildInside(fcode) {
    $.each(pm.menus, function (i, item) {
      if (fcode === item.funcCode) {
        //获取当前二级菜单,如果是首次点击则初始化，如果子菜单有值
        let htmlStr = ''
        //数据存储对象
        let childStr = ''
        if (item.childList) {

          let active = pm[fcode].thirdLevelCode && pm[fcode].thirdLevelCode === fcode ? 'active' : ''
          if (fcode !== '004005') { // 如果不是图文快讯，则添加“全部”按钮
            htmlStr += '    <div class="flex-row ff400 fspx12 menu-inside-item ' + active + '" id="mId_' + fcode + '" onclick=\'changeChildMenu(this, "' + fcode + '", "' + fcode + '", 0)\'>全部</div>'
            childStr = '    <div class=\'menu-child\' id="childId_' + fcode + '"></div>'

            //初始化组装三级菜单对象
            asemblyChildMenu(fcode, fcode)

            if (pm[fcode].isInitChildMenu) {
              pm[fcode].firstChildCode = fcode
            }
          }

          $.each(item.childList, function (k, obj) {
            let childActive = pm[fcode].thirdLevelCode && pm[fcode].thirdLevelCode === obj.funcCode ? 'active' : ''
            htmlStr += '<div class="flex-row ff400 fspx12 menu-inside-item ' + childActive + '" id="mId_' + obj.funcCode + '" onclick=\'changeChildMenu(this, "' + fcode + '", "' + obj.funcCode + '", ' + (k + 1) + ')\'>' + obj.funcName + '</div>'
            childStr += '<div class=\'menu-child\' id="childId_' + obj.funcCode + '"></div>'

            //初始化组装三级菜单对象
            asemblyChildMenu(fcode, obj.funcCode)
            if (fcode === '004005' && k === 0) {
              pm[fcode].firstChildCode = obj.funcCode
              if (!pm[fcode].thirdLevelCode || pm[fcode].thirdLevelCode.length < 9) {
                pm[fcode].thirdLevelCode = obj.funcCode
              }
            }
          })

          $('#insideId_' + fcode).html(htmlStr)

          //菜单左、右移
          Template.btnLevelMove($('#mId_' + pm[fcode].thirdLevelCode)[0], window.screen.width, 'inside-child', 'active')

          $('#menuId_' + fcode).html(childStr)
        } else {
          if (fcode === '004007') {
            htmlStr = '<div class=\'flex-column ff400 fspx14\' style=\'background: white\'>'
            htmlStr += '<div class="index-calendar-pad">'
            htmlStr += '<div class=\'flex-row justify-content-between fspx16 ff500 \'>'

            htmlStr += '<div class=\'index-calendar-ny\'></div>'
            htmlStr += '<div>'
            htmlStr += '<div class=\'flex-row index-calendar-nyr align-items-center \'>'
            htmlStr += '<div class=\'index-calendar-nyr mr20\' onclick=\'calendarChange(1)\'>今</div>'
            htmlStr += '<div class=\'index-calendar-nyr mr20\' onclick=\'calendarChange(2)\'>月</div>'
            htmlStr += '<div class=\'index-calendar-nyr index-calendar-nyr-active mr20\' onclick=\'calendarChange(3)\'>日</div>'
            htmlStr += '<div><span class=\'index-calendar-icon iconfont iconrili-01 fspx14\' onclick="selectCalendar()"></span></div>'
            htmlStr += '</div>'
            htmlStr += '</div>'

            htmlStr += '</div>'
            htmlStr += '</div>'
            htmlStr += '</div>'

            // 横向滚动区域
            htmlStr += '<div class=\'index-calendar-line flex-row  align-items-center scoll-x \'>'
            // 横向日期滚动
            htmlStr += '<div class=\'index-calendar-date flex-row pl20 pr20 mescroll-touch-x\'>'


            htmlStr += '</div>'

            htmlStr += '</div>'

            // 列表展示部分
            htmlStr += '<div class=\'index-calendar-center flex-row fspx13 justify-content-between\'>'
            htmlStr += '<div class=\'index-calendar-center-total\'>共<span></span>条数据</div>'
            htmlStr += '<div class=\'flex-row\' onclick="calendarShow()">'
            htmlStr += '<div class=\'index-calendar-center-screen\'>筛选</div>'
            htmlStr += '<div><span class=\'index-calendar-center-screen-icon iconfont iconshaixuan fspx14\'></span></div>'
            htmlStr += '</div>'
            htmlStr += '</div>'
            htmlStr += '</div>'
            childStr = '<div class=\'menu-child\' id="childId_' + fcode + '"></div>'

            //初始化组装三级菜单对象
            asemblyChildMenu(fcode, fcode)
            $('.index-info-custom-head').html(htmlStr)
            initCalendar()
            pm[fcode].firstChildCode = fcode
            $('#menuId_' + fcode).html(childStr)
          }
        }

        //初始完成后，打上标志
        pm[fcode].isInitChildMenu = false
      }
    })
  }

  //原生调用
  function homePageIn(flag, data) {
    changeColumn(data.data, 0, $('.insideItem_' + data.data)[0])
  }

  //二级菜单改变事件
  function changeColumn(fCode, ind, that) {
    if (fCode === '004999') {
      jsBridge.openWindow('html/home/index-video.html', {}, {noBar: false})
    } else {

      $('.info-inside-warp .info-inside-column .info-inside-item').removeClass('active')
      $('.insideItem_' + fCode).addClass('active')
      $('.info-inside-warp .info-inside-column .info-inside-item .info-inside-underline span').removeClass('underactive')
      $('.insideItem_' + fCode).find('span').addClass('underactive')

      pm.secondLevelCode = fCode
      pm.currCode = fCode

      //菜单左、右移
      Template.btnLevelMove(that, window.screen.width, 'info-inside-column', 'active')

      // 隐藏自定义头
      $('.index-info-custom-head').hide()
      $('.contentArea').hide()
      if (fCode === '004001') {//推荐页面
        $('#recId').show()
        pm[fCode].thirdLevelCode = fCode

        //隐藏三级菜单选择器
        $('.menu-inside-warp').hide()
        //设置距离顶部但高度（状态栏+导航栏）
        $('#heightFromTop').css({
          height: '0.88rem'
        })
        pm[fCode][fCode].lastDttm = DateUtils.getNowInt()
        $('.scoll-y').animate({scrollTop: pm[fCode][fCode].scrollHeight}, 500)//动画效果

        if (!pm[fCode][fCode].isPerform) {
          initInfoList()
        }
        //推荐页数据加载与菜单初始化不冲突，为了体验更好，将调用提前
      } else if (fCode === '004007') {//经济日历
        $('.menu-inside-warp').hide()
        $('#menuIds').show()
        $('.menus').hide()
        $('#menuId_' + fCode).show()
        $('.inside-child').hide()
        $('#insideId_' + fCode).show()
        dealChildInside(fCode)
        pm[fCode].thirdLevelCode = pm[fCode].firstChildCode

        if ($('#childId_' + fCode).html() === '') {
          initInfoList()
        }

        $('.index-info-custom-head').show()
        initCalendar()

      } else {
        $('#menuIds').show()
        $('.menus').hide()
        $('.inside-child').hide()
        $('#menuId_' + fCode).show()
        $('#childId_' + pm[fCode].thirdLevelCode).show()
        $('.inside-child').hide()
        $('#insideId_' + fCode).show()

        //设置距离顶部但高度（状态栏+导航栏）
        $('#heightFromTop').css({
          height: '1.64rem'
        })

        //展示三级菜单选择器
        $('.menu-inside-warp').show()

        //展示三级菜单选择器
        if (pm[fCode].isInitChildMenu) {
          dealChildInside(fCode)
        }

        // 图文快讯也会初始化数据（图文快讯无 全部）
        if ($('#childId_' + pm[fCode].thirdLevelCode).html() === '' && !pm[fCode][pm[fCode].thirdLevelCode].isPerform) {
          initInfoList()
        }

        changeChildMenuStyle(pm[fCode].thirdLevelCode)
      }
    }
  }

  function changeChildMenuStyle(fCode) {
    $('.menu-inside-item').removeClass('active')
    $('#mId_' + fCode).addClass('active')

  }

  function changeChildMenu(that, parentCode, childCode, ind) {
    $('.menu-child').hide()
    $('#childId_' + childCode).show()
    pm.secondLevelCode = parentCode
    pm[parentCode].thirdLevelCode = childCode

    changeChildMenuStyle(childCode)

    //菜单左、右移
    Template.btnLevelMove(that, window.screen.width, 'inside-child', 'active')

    //切换后初始化
    pm[parentCode][childCode].lastDttm = DateUtils.getNowInt()
    $('.scoll-y').animate({scrollTop: pm[parentCode][childCode].scrollHeight}, 500)//动画效果

    if ($('#childId_' + childCode).val() === '' && !pm[parentCode][childCode].isPerform) {
      initInfoList()
    }
  }

  //======================栏目菜单*开始========================
  //初始化组装二级菜单对象
  function asemblyPage(funcCode, isRefresh) {
    let thirdCode = funcCode
    if (isRefresh && pm[funcCode]) {
      thirdCode = pm[funcCode].thirdLevelCode
    }
    pm[funcCode] = {
      isInitChildMenu: true,//是否初始化子菜单
      thirdLevelCode: thirdCode,//三级菜单编码，推荐栏目的编码
      scrollLeft: 0,
    }
  }

  //初始化组装三级菜单对象
  function asemblyChildMenu(parentCode, childCode) {
    pm[parentCode][childCode] = {
      pageNum: 1,
      pageSize: 10,
      isScroll: false,//初始化滚动状态
      lastDttm: pm.currDttm,
      scrollHeight: 0,
      parentCode: parentCode,
      funcCode: childCode,
      timeStamp: '', // 快讯专用
      flag: false,// 快讯专用
      firstInter: true,// 快讯专用
      isPerform: false,//记录点击菜单后，是否已经执行查询操作

      lastHeight: 0,
      date: new Date(), //数据加载日期
      currDate: DateUtils.formatDate(new Date(), 'yyyy年MM月dd日'),
      computeDate: DateUtils.formatDate(new Date(), 'yyyy年MM月dd日'),//用于加载数据时，记录计算的日期
    }
  }

  //资讯数据初始化
  function initInfoList() {
    let parentCode = pm.secondLevelCode
    let childCode = pm[parentCode].thirdLevelCode
    pm[parentCode][childCode].isPerform = true

    if (pm.secondLevelCode === '004001') {
      //查询推荐资讯列表
      getRecList()
      getRotionChartList()

    } else if (pm.secondLevelCode === '004007') {
      // 加载经济日历
      dealCalendar(pm.secondLevelCode)
    } else {
      //查询栏目菜单数据
      getInfoListByFuncCode()
    }
  }

  //======================栏目菜单*结束========================

  //======================轮播图*开始========================
  //获取轮播图数据
  function getRotionChartList() {
    Server.infoIndex.getRotation({
      funcCode: '001999'
    }).then(function (data) {
      if (data.list !== null) {
        pm.slides = data.list
        let htmlStr = ''
        $.each(pm.slides, function (i, item) {
          //跳转到详情的参数
          let jsonStr = JSON.stringify({
            infoId: item.acticleId,
            infoType: item.infoType ? item.infoType : '1' //获取的infoType可能为空
          })
          htmlStr +=
            '  <div class="flex-row sw-slide swiper-slide ">\n' +
            '     <div class="info-slider-item fspx16 pos-r" onclick=\'goDetail(' + jsonStr + ')\'>\n' +
            '          <img src="' + item.coverImgUrl + '" alt=\'\'/>\n' +
            '          <div class="info-rotion-mask pos-a"></div>' +
            '          <div class=\'flex-column info-slider-box pos-a\'>\n' +
            '              <div class=\'info-slider-til ff500 fspx17 line1\'>' + item.title + '</div>\n' +
            //'              <div class=\'flex-row justify-content-start align-items-center info-slider-content ff400 fs13\'>\n' +
            //'                 <div class="info-slider-time">' + (item.issuerDttm ? DateUtils.formatDate(new Date(item.issuerDttm * 1000), 'MM-dd') : '') + '</div>\n' +
            //'                 <div class=\'ml5 mr10\'>|</div>\n' +
            //'                 <div class=\'line1\'>' + Utils.dealUndefined(item.trailContent) + '</div>\n' +
            //'              </div>\n' +
            '          </div>\n' +
            '     </div>\n' +
            '  </div>\n'

        })

        $('.sw-slides').html(htmlStr)
        initSwiper()
        //$('#full_feature').swiper({
        //  prevNextButtons: false,
        //  sliderHeight: '4.24rem'
        //})

        //var mySwiper = new Swiper('#full_feature', {
        //  autoplay: true,//可选选项，自动滑动
        //})

        //new Swiper('#full_feature',{loop: true})
        //let mySwiper = document.querySelector('#full_feature').swiper
        //mySwiper.slideNext()

        //let mySwiper = new Swiper ('#full_feature', {
        //  direction: 'vertical', // 垂直切换选项
        //  loop: true, // 循环模式选项
        //})
      }
    })
  }

  function initSwiper() {
    // 如果mySwiper对象不存在，那就实例化一个
    mySwiper = new Swiper('#full_feature', {
      autoplay: {
        disableOnInteraction: false,
      },
      loop: true,
      speed: 2000,
      pagination: {
        el: '.swiper-pagination',
        dynamicBullets: true,
        clickable: true
      }
    })
  }

  //======================轮播图*结束========================

  //获取股票行情数据
  function getStockInfo() {
    Server.infoIndex.getStockInfo({
      reqData: JSON.stringify({'clientType': 'other', 'clientVersion': '', 'type': 0})
    }).then(function (data) {
      let htmlStr = ''
      if (data.resultData && data.resultData.data && data.resultData.data.dataList) {
        data.resultData.data.dataList.forEach((item, i) => {
          htmlStr +=
            `<div class="flex-column info-stock-box" onclick="jumpStock('${item.stockCode}')">
                <div class="flex-column info-stock-item justify-content-center">
                    <div class="info-stock-name ff500 fspx12">${item.stockName}</div>
                    <div class="info-stock-index ` + (parseInt(item.change) >= 0 ? 'info-stock-increase' : 'info-stock-drop') + ` ff600 fspx18">${item.price}</div>
                    <div class="flex-row ff500 fspx11">
                        <div class=" ` + (parseInt(item.change) >= 0 ? 'info-stock-increase' : 'info-stock-drop') + ` mr10">${item.change}</div>
                        <div class=" ` + (parseInt(item.change) >= 0 ? 'info-stock-increase' : 'info-stock-drop') + `">${item.changeRatio}</div>
                    </div>
                </div>
            </div>`
        })
        $('.info-stock-wrap').html(htmlStr)

        let cnt = parseInt(data.resultData.data.dataCount[0]) + parseInt(data.resultData.data.dataCount[1]) + parseInt(data.resultData.data.dataCount[2])
        let htmlObj =
          `<div class="info-stock-zcount ff400 fs11">涨${data.resultData.data.dataCount[0]}家</div>
            <div class="flex-row flex-1 info-stock-line">
                <div class="info-stock-z" style="width: ` + (parseInt(data.resultData.data.dataCount[0]) * 100 / cnt) + `%"></div>
                <div class="info-stock-p" style="width: ` + (parseInt(data.resultData.data.dataCount[1]) * 100 / cnt) + `%"></div>
                <div class="info-stock-d" style="width: ` + (parseInt(data.resultData.data.dataCount[2]) * 100 / cnt) + `%"></div>
            </div>
            <div class="info-stock-dcount ff400 fs11">跌${data.resultData.data.dataCount[2]}家</div> `

        $('.info-stock-proportion').html(htmlObj)

      }
    })
  }

  // 股票跳转 TODO
  function jumpStock(stockCode) {
    let obj = stockCode.split('-')
    goWordDetail({type: 6, exchange: obj[0], stockCode: obj[1]})
  }

  //======================资讯*开始========================
  //推荐页面资讯
  function getRecList() {
    let fCode = pm.secondLevelCode

    Server.infoIndex.getInfoList({
      lastDttm: pm[fCode][fCode].lastDttm,
      pageNum: pm[fCode][fCode].pageNum,
      pageSize: pm[fCode][fCode].pageSize,
      isFirst: pm[fCode][fCode].pageNum
    }).then(function (data) {
      if (data.body.list !== null) {
        pm.stockList = []
        //处理专题,所有专题一次查询回来
        if (Utils.notEmpty(data.body.topicList) && data.body.topicList.length > 0) {
          $.each(data.body.topicList, function (i, item) {
            pm[fCode][fCode].topicList.push(item)
          })
        }

        //先放入资讯列表；然后插入专题
        if (Utils.notEmpty(data.body.list) && data.body.list.length > 0) {
          $.each(data.body.list, function (i, item) {
            pm[fCode][fCode].infoList.push(item)
          })

          let currCount = 0
          if (pm[fCode][fCode].lastFuncIndex < pm[fCode][fCode].topicList.length) {//
            let str = []
            let listFunc = []
            for (let i = pm[fCode][fCode].lastFuncIndex; i < pm[fCode][fCode].topicList.length; i++) {
              currCount += pm[fCode][fCode].topicList[i].intervalNum
              if (pm[fCode][fCode].lastListIndex + pm[fCode][fCode].topicList[i].intervalNum <= pm[fCode][fCode].pageSize * (pm[fCode][fCode].pageNum)) {//未超过本批次的资讯数
                pm[fCode][fCode].lastListIndex += pm[fCode][fCode].topicList[i].intervalNum
                str[i - pm[fCode][fCode].lastFuncIndex] = pm[fCode][fCode].lastListIndex + pm[fCode][fCode].lastFuncIndex//位置需要加上已添加的专题
                listFunc[i - pm[fCode][fCode].lastFuncIndex] = pm[fCode][fCode].topicList[i]
                if (i === pm[fCode][fCode].topicList.length - 1) {//专题处理完毕
                  //将下标置为超过，专题的下标数
                  pm[fCode][fCode].lastFuncIndex = i + 10
                }
              } else {//超过本批次的资讯数
                //记录当前添加的专题在专题列表的位置
                pm[fCode][fCode].lastFuncIndex = i
                //记录上一次添加的专题在资讯列表的位置
                break
              }
            }

            //向资讯文章列表，插入专题
            for (let j = listFunc.length - 1; j >= 0; j--) {
              pm[fCode][fCode].infoList.splice(str[j], 0, listFunc[j])
            }
          }

          //处理列表数据
          if (Utils.notEmpty(pm[fCode][fCode].infoList) && pm[fCode][fCode].infoList.length > 0) {

            let htmlStr = ''
            //第一页时，初始化取数下标
            let m = pm[fCode][fCode].pageNum === 1 ? 0 : (pm[fCode][fCode].lastShowIndex + 1)

            for (; m < pm[fCode][fCode].infoList.length; m++) {
              let item = pm[fCode][fCode].infoList[m]
              if (Utils.notEmpty(item.parentFuncCode)) {
                htmlStr += dealTopic(item)
                pm.previousIsTopic = true
              } else {
                //处理分隔线
                if (!pm.previousIsTopic) {
                  htmlStr += '<div class=\'info-list-topborder\'></div>'
                }
                pm.previousIsTopic = false

                if (item.infoType === '1' || item.infoType === '3' || item.infoType === '9') {
                  if (item.exhibitionMode === '2' && Utils.notEmpty(item.coverImgUrl)) {
                    htmlStr += Template.dealBigImgInfo(item)
                  } else {
                    htmlStr += Template.dealInfo(item)
                  }
                } else if (item.infoType === '7') {
                  htmlStr += dealRecKx(item)
                }
              }

              if (m === 1) {
                htmlStr += '<div class=\'info-list-topborder\'></div>'
                htmlStr += '<div class="topic-pk-box bg-white"></div>'
                dealTopicPK()
              }
            }

            if (pm[fCode][fCode].pageNum === 1) {
              $('.info-list-wrap').html(htmlStr)
            } else {
              $('.info-list-wrap').append(htmlStr)
            }

            pm[fCode][fCode].lastShowIndex = pm[fCode][fCode].infoList.length - 1
            pm[fCode][fCode].lastDttm = data.body.lastDttm
            pm[fCode][fCode].pageNum++
          }
        }
        Template.stockRise()
      }

      meScroll.endSuccess(data.body.list.length, data.body.hasNextPage)
    }).catch((error) => {
      meScroll.endErr()
    })
  }

  function dealTopicPK() {

    Server.topicPK.getRecommentList({
      isRecommend: '1'
    }).then(function (data) {

      if (data.list && data.list.length > 0) {
        let item = data.list[0]

        let htmlStr = '' +
          '                <div class="flex-column topic-pk-item pos-r">\n' +
          '                    <div class="topic-pk-iconbox flex-row justify-content-between align-items-center" onclick="goTopicList()">\n' +
          '                        <img class="topic-pk-lefticon" src="../images/info/htpk@3x.png">\n' +
          '                        <span class="iconfont iconfanhui fs9"></span>\n' +
          '                    </div>\n' +
          '                    <div>\n' +
          '                        <div class="topic-pk-title fs17 ff500  line1">' + item.title + '</div>\n' +
          '                        <div class="flex-row topic-pk-count" onclick="goTopicPkDetail(\'' + item.topicId + '\')">\n' +
          '                            <span class="iconfont iconrenqun fs12"></span>\n' +
          '                            <div class="ff400 fs12" id="participantsCnt">' + item.participantsCnt + '人已参与</div>\n' +
          '                        </div>\n'

        htmlStr += '<div class="topic-view-results ' + (item.participation === '1' ? '' : 'dis-n') + '" onclick="goTopicPkDetail(\'' + item.topicId + '\')">'
        if (item.participation === '1') {
          htmlStr += dealPre(item)
        }
        htmlStr += '</div>'

        if (item.participation !== '1') {
          htmlStr += '' +
            '                        <div class="topic-view-item">\n' +
            '                            <div class="pos-r topic-pk-view">\n' +
            '                                <img src="../images/home/pkbz@3x.png">\n' +
            '                                <div class="pos-a topic-view-positive" onclick="setMyTerm(\'' + item.topicId + '\', 1)">' + item.consideIdea + '</div>\n' +
            '                                <div class="pos-a topic-view-side" onclick="setMyTerm(\'' + item.topicId + '\', 2)">' + item.squareIdea + '</div>\n' +
            '                            </div>\n' +
            '                            <img class="topic-pk-righticon pos-a" src="../images/info/hticon@3x.png">\n' +
            '                        </div>\n' +
            '                    </div>\n' +
            '                </div>\n'
        }

        $('.topic-pk-box').html(htmlStr)
      }

    })
  }

  //跳转到热门推荐话题上
  function goTopicPkDetail(topicId) {
    jsBridge.openWindow('html/home/topic-pk.html', {topicId: topicId}, {noBar: false})
  }

  function goTopicList() {
    jsBridge.openWindow('html/home/topicpk-list.html', {}, {noBar: false})
  }

  //设置我的站队
  function setMyTerm(topicId, team) {
    Server.topicPK.setMyOptions({
      topicId: topicId,
      team: team,
      channel: '1'
    }).then(function (data) {
      $('.topic-view-results').show()
      $('.topic-view-item').hide()
      getPkDetail(topicId)
    })
  }

  //获取pk详情信息
  function getPkDetail(topicId) {
    Server.topicPK.getPKDetail({
      topicId: topicId,
    }).then(function (data) {
      //话题赋值
      $('.topic-pk-title').html(data.list.title)
      //参与人数加载
      $('#participantsCnt').html(data.list.participantsCnt + '人已参与')

      $('.topic-view-results').html(dealPre(data.list))

    })
  }

  function dealPre(item) {
    let positive = ((1 - item.squareCnt / item.participantsCnt) * 100).toFixed(0)
    let side = ((item.squareCnt / item.participantsCnt) * 100).toFixed(0)
    let htmlStr = '                 <img class="topic-pk-righticon pos-a" src="../images/info/hticon@3x.png">\n' +
      '                             <div class="flex-row justify-content-between topic-pk-vote" style="z-index: 1;">\n' +
      '                                <div class="flex-row topic-vote-positive ff500 fs13" style="z-index: 1;">\n' +
      '                                    <div class="flex-row align-items-center" style="z-index: 1;">' + (item.team === '1' ? '<span class="iconfont icontijiao-01 fs14 mr5"></span>    已投「' + item.consideIdea + '」' : item.consideIdea) + '</div>\n' +
      '                                </div>\n' +
      '                                <div class="flex-row topic-vote-side ff500 fs13" style="z-index: 1;">\n' +
      '                                    <div class="flex-row align-items-center" style="z-index: 1;">' + (item.team === '2' ? '已投「' + item.squareIdea + '」<span class="iconfont icontijiao-01 fs14"></span>' : item.squareIdea) + '</div>\n' +
      '                                </div>\n' +
      '                            </div>\n' +
      '                            <div class="flex-row topic-pk-pre" style="z-index: 1;">\n' +
      '                                <div class="topic-pre-positive fs12" style="z-index: 1;">' + positive + '%</div>\n' +
      '                                <div class="flex-row align-items-center flex-1 topic-list-line" style="z-index: 1;">\n' +
      '                                    <div class="topic-line-positive" style="z-index: 1;width: ' + positive + '%"></div>\n' +
      '                                    <div class="topic-line-side" style="z-index: 1;width: ' + side + '%"></div>\n' +
      '                                </div>\n' +
      '                                <div class="topic-pre-side fs12" style="z-index: 1;">' + side + '%</div>\n' +
      '                            </div>\n' +
      '                        </div>\n'
    return htmlStr
  }


  //======================资讯*结束========================

  //栏目资讯
  {
    function getInfoListByFuncCode() {
      let parentCode = pm.secondLevelCode
      let childCode = pm[parentCode].thirdLevelCode

      Server.infoIndex.getInfoListByFuncCode({
        funcCode: childCode,
        lastDttm: pm[parentCode][childCode].lastDttm,
        pageNum: pm[parentCode][childCode].pageNum,
        pageSize: pm[parentCode][childCode].pageSize
      }).then(function (data) {

        let htmlStr = ''
        let len = 0
        if (data.body && data.body.list) {
          len = data.body.list.length
          pm.stockList = [] // 股票
          $.each(data.body.list, function (i, item) {

            //处理分隔线
            if (pm[parentCode][childCode].pageNum > 1 || i >= 1) {
              htmlStr += '<div class=\'info-list-topborder\'></div>'
            }

            if (parentCode === '004005' && item.infoType === '7') {//必须是快讯，即infoType为7
              // 添加快讯、快评 wkl
              dealKp(item, i)
            } else {
              if (item.exhibitionMode === '2' && Utils.notEmpty(item.coverImgUrl)) {
                htmlStr += Template.dealBigImgInfo(item)
              } else {
                htmlStr += Template.dealInfo(item)
              }
            }
          })

          if (parentCode !== '004005') {
            if (pm[parentCode][childCode].pageNum === 1) {
              $('#childId_' + childCode).html(htmlStr)
            } else {
              $('#childId_' + childCode).append(htmlStr)
            }
          }

          if (data.body.hasNextPage) {
            pm[parentCode][childCode].lastDttm = data.body.lastDttm
            pm[parentCode][childCode].pageNum++
          }

          Template.stockRise()

        }

        meScroll.endSuccess(len, data.body.hasNextPage)
      }).catch((error) => {
        meScroll.endErr()
      })
    }
  }

  //推荐快讯
  function dealRecKx(item) {
    let isKx = 0
    // 004005001为快评 004005002为快讯
    if (item.funcCode === '004005001') {
      isKx = 1
    }
    let jsonStr = JSON.stringify({
      infoId: item.infoId,
      infoType: item.infoType
    })
    let htmlStr =
      '                   <div class="info-news-box" onclick=\'goDetail(' + jsonStr + ')\'>\n' +
      '                        <div class="info-list-title ff500 fspx15 line2">' + item.mainTitle + '</div>\n'
    if (item.trailContent) {
      htmlStr +=
        '                        <div class="info-quick-review ff400 fspx13"><div class=\'line4\'>' + item.trailContent + '</div></div>\n'
    }
    if (item.infos && item.infos.length > 0) {
      let obj = item.infos[0]
      htmlStr +=
        '                        <div class="flex-row info-quick-article ff500 fspx13 mt10 pos-r">' +
        '                            <span class="iconfont iconjuxingbeifen5 fspx16 pos-a"></span>' +
        '                            <div class=\'line1\'>' + obj.mainTitle + '</div>' +
        '                        </div>\n'
    }
    htmlStr +=
      '                        <div class="flex-row align-items-center info-news-item">\n' +
      '                            <img src="../images/info/' + (isKx === 1 ? 'kp' : 'kx') + '@3x.png">\n' +
      '                            <div class="info-list-time ff400 fspx11">' + DateUtils.int2TimeDesc(item.issuerDttm) + '</div>\n' +
      '                        </div>\n' +
      '                    </div>'
    return htmlStr
  }

  //专题
  function dealTopic(item) {
    return '   <div class="info-topic-box" onclick=\'goSpecilCouser("' + item.funcCode + '")\'>\n' +
      '        <div class="info-topic-item">\n' +
      '            <div class="info-topic-cover">\n' +
      '                <img src="' + item.coverImgUrl + '" alt="">\n' +
      '            </div>\n' +
      '            <div class="info-topic-name ff500 fspx15">' + item.funcName + '</div>\n' +
      '            <div class="flex-row info-topic-group">\n' +
      '                <div class="info-topic-icon ff400 fspx10 flex-row align-items-center justify-content-center"><div>专题</div></div>\n' +
      '                <div class="info-topic-count ff400 fspx12">共' + item.articleCnt + '篇文章</div>\n' +
      '            </div>\n' +
      '            <div class="info-topic-content ff400 fspx13 line3">' + Utils.dealUndefined(item.introduction) + '</div>\n' +
      '        </div>' +
      '     </div>'
  }

  // 跳转专题列表,带专题信息
  function goSpecilCouser(funcCode) {
    jsBridge.openWindow('html/info/topic-detail.html?funcCode=' + funcCode, {}, {noBar: false})
  }

  //翻页
  function pageScroll() {
    $('.scoll-y').scroll(function () {
      let parentCode = pm.secondLevelCode
      let childCode = pm[parentCode].thirdLevelCode

      pm[parentCode][childCode].scrollHeight = $(this).scrollTop()//滚动条位置

      if (parentCode === '004005') {
        pm[parentCode][childCode].lastHeight = $(this).scrollTop()
        dealInfoDate()
      }
    })
  }

  // 当点击经济日历
  function dealCalendar(fCode) {
    Server.infoIndex.getCalendarData({//财经数据列表
      type: '财经数据',
      // calendarDate: 1585699200,
      calendarDate: currDateCal,
      stateAbbrStr: calendarAbbr,
      sortInfo: 0,
      month: calendarMonth,
      pageNum: pm[fCode][fCode].pageNum,
      pageSize: pm[fCode][fCode].pageSize  //目前查询200条
    }).then(function success(res) {
      let htmlStr = ''
      $.each(res.specialInfo, function (i, item) {
        let flag = 0
        //比预期高是红色，比预期低是绿色
        //和预期同数，颜色和预期色一样；预期无，和前值一个色
        if (Utils.notEmpty(item.presentValue) && Utils.notEmpty(item.expectedValue)
          && parseFloat(Utils.retainData(item.presentValue)) > parseFloat(Utils.retainData(item.expectedValue))) {
          //比预期高是红色
          flag = 1
        } else if (Utils.notEmpty(item.presentValue) && Utils.notEmpty(item.expectedValue)
          && parseFloat(Utils.retainData(item.presentValue)) < parseFloat(Utils.retainData(item.expectedValue))) {
          //比预期低是绿色
          flag = -1
        }
        htmlStr += '<div class=\'index-calendar-list-item flex-column\'>'
        htmlStr += '<div class=\'flex-row justify-content-between align-items-center\'>'
        htmlStr += '<div class=\'flex-row align-items-center\'>'
        htmlStr += '<div class=\'national-flag national-flag-' + item.stateAbbr.toLowerCase() + '\'></div>'
        htmlStr += '<div class=\'index-calendar-list-country fspx13 \'>' + item.countryChName + '</div>'
        htmlStr += '<div class=\'index-calendar-list-time fspx13 ml20\'>' + item.calendarTime + '</div>'
        htmlStr += ' </div>'
        htmlStr += '<div class=\'flex-row\'>'
        for (let m = 1; m <= 3; m++) {
          if (m <= item.importance) {
            if (item.importance === '1') {
              htmlStr += '<span class=\'iconfont iconshoucang fspx14 ml4 index-calendar-list-icon-n\' style=\'color:#2C68FF;\'></span>'
            } else {
              htmlStr += '<span class=\'iconfont iconshoucang fspx14 ml4 index-calendar-list-icon-n\' style=\'color:#EF4244;\'></span>'
            }
          } else {
            htmlStr += '<span class=\'iconfont iconshoucang fspx14 ml4 index-calendar-list-icon-n\'></span>'
          }
        }
        htmlStr += '</div>'
        htmlStr += ' </div>'
        htmlStr += ' <div class=\'index-calendar-list-title fspx15 ff500 mt10\'>' + (item.calendarIndexNew ? item.calendarIndexNew : item.calendarIndex) + '</div>'
        htmlStr += ' <div class=\'index-calendar-list-label flex-row mt10 fspx12 align-items-center\'>'
        htmlStr += ' <div style=\'width:0.6rem;\'>今值</div>'
        htmlStr += '<div class="line1 ff500" style=\'width:1.2rem;margin-right: 0.1rem; ' + (flag > 0 ? 'color:#EC3E33' : flag < 0 ? 'color:#00AE1F' : '') + '\'>' + (item.presentValue ? item.presentValue : '-') + '</div>'
        htmlStr += '<div style=\'width:0.6rem;\'>预期</div>'
        htmlStr += '<div class="line1 ff500" style=\'width:1.2rem;margin-right: 0.1rem \'>' + (item.expectedValue ? item.expectedValue : '-') + '</div>'
        htmlStr += '<div  style=\'width:0.6rem;\'>前值</div>'
        htmlStr += '<div class="line1 ff500" style=\'width:1.2rem;\'>' + (item.precedingValue ? item.precedingValue : '-') + '</div>'
        htmlStr += '</div>'
        htmlStr += '</div>'
      })

      //如果数据条数相等，则表示可能还存在数据，还需翻页
      if (pm[fCode][fCode].pageNum === 1) {
        $('#childId_' + fCode).html(htmlStr)
      } else {
        $('#childId_' + fCode).append(htmlStr)
      }
      pm[fCode][fCode].pageNum++
      $('.index-calendar-center-total span').html(res.total)

      meScroll.endSuccess(res.specialInfo.length, res.specialInfo.length === pm[fCode][fCode].pageSize)
    }).catch((error) => {
      meScroll.endErr()
    })
  }

  //处理快讯快评
  function dealKp(item, ind) {
    let parentCode = pm.secondLevelCode, childCode = pm[parentCode].thirdLevelCode
    if (pm[parentCode][childCode].firstInter) {
      pm[parentCode][childCode].firstInter = false
      let htmlStr = '<div class="index-flash-time">' + DateUtils.formatDate(new Date(item.issuerDttm * 1000), 'yyyy年MM月dd日') + ' ' + DateUtils.getWeekDay(new Date(item.issuerDttm * 1000)) + '</div>'
      htmlStr += '<div class="flex-column info-flash-time-axis">'
      htmlStr += '<div class="index-flash-track-rcol ">'
      htmlStr += '<div class="index-flash-track-list">'
      htmlStr += '<div class="index-flash-track-ul">'
      htmlStr += '<div class="index-flash-track-line"></div>'
      htmlStr += '</div>'
      htmlStr += '</div>'
      htmlStr += '</div>'
      htmlStr += '</div>'
      $('#childId_' + childCode).html(htmlStr)
    }
    //重新计算距离顶部高度，部分机型计算rem，小数偏差导致的此问题
    Utils.barAdaptive('index-flash-time', 1.66)
    $('#childId_' + childCode).find('.index-flash-track-ul').append(dealChildKp(item, ind))
  }


  //处理快讯日期
  function dealInfoDate() {
    let parentCode = pm.secondLevelCode
    let childCode = pm[parentCode].thirdLevelCode

    let currDate = pm[parentCode][childCode].currDate
    //当前显示的日期的偏移量
    let currTopHeight = 0
    let cdom = $('#news_' + childCode + currDate)
    if (Utils.notEmpty(cdom.offset())) {
      currTopHeight = cdom.offset().top
    }

    if (pm[parentCode][childCode].lastHeight > pm[parentCode][childCode].oldHeight) {//下拉
      //获取顶部显示日期的前一天
      let lastDate = getLastDate(pm[parentCode][childCode].date, false, 1, childCode)
      let dom = $('#news_' + childCode + lastDate)
      if (Utils.notEmpty(dom.offset())) {
        //获取顶部显示日期的前一天的偏移量
        let lastTopHeight = dom.offset().top

        //高度处于两个日期之间，取大的日期
        if (lastTopHeight < 148) {
          pm[parentCode][childCode].date = DateUtils.str2Date(lastDate.substr(0, 4) + '-' + lastDate.substr(5, 2) + '-' + lastDate.substr(8, 2))
          pm[parentCode][childCode].currDate = lastDate
          let week = DateUtils.getWeekDay(pm[parentCode][childCode].date)
          $('.index-flash-time').html(lastDate + ' ' + week)
        }
      }

    } else if (pm[parentCode][childCode].lastHeight < pm[parentCode][childCode].oldHeight) {//上滑
      let lastDate = getLastDate(pm[parentCode][childCode].date, true, 1, childCode)
      let dom = $('#news_' + childCode + lastDate)
      if (Utils.notEmpty(dom.offset())) {
        let lastTopHeight = dom.offset().top

        //高度处于两个日期之间，取大的日期
        if (currTopHeight > 148) {
          pm[parentCode][childCode].date = DateUtils.str2Date(lastDate.substr(0, 4) + '-' + lastDate.substr(5, 2) + '-' + lastDate.substr(8, 2))
          pm[parentCode][childCode].currDate = lastDate
          let week = DateUtils.getWeekDay(pm[parentCode][childCode].date)
          $('.index-flash-time').html(lastDate + ' ' + week)
        }
      }
    }
    pm[parentCode][childCode].oldHeight = pm[parentCode][childCode].lastHeight
  }

  function getLastDate(dt, flag, num, childCode) {
    let date = DateUtils.getLastDate(dt, num, flag)
    let lastDate = DateUtils.formatDate(date, 'yyyy年MM月dd日')
    //如果没获取到数据，则继续获取
    //处理日期不能超过当前日期,如果超过10天没数据，则不再计算，
    if (num < 10 && !$('#news_' + childCode + lastDate)[0]) {
      num++
      lastDate = getLastDate(dt, flag, num, childCode)
    } else if (num >= 10) {
      lastDate = DateUtils.formatDate(dt, 'yyyy年MM月dd日')
    }
    return lastDate
  }

  function dealChildKp(item, ind) {
    let parentCode = pm.secondLevelCode
    let childCode = pm[parentCode].thirdLevelCode

    let jsonStr = JSON.stringify({
      infoId: item.infoId,
      infoType: item.infoType
    })

    let htmlStr = ''
    let dt = new Date(item.issuerDttm * 1000)
    let dtStr = DateUtils.formatDate(dt, 'yyyy年MM月dd日')
    if (pm[parentCode][childCode].pageNum === 1 && ind === 0) {
      htmlStr += '<div style="width: 100%;" id=\'news_' + childCode + dtStr + '\'></div>'

      //计算时间，用于记录页面当前加载数据的最早日期
      pm[parentCode][childCode].computeDate = dtStr
      //顶部显示时间
      pm[parentCode][childCode].currDate = dtStr
      pm[parentCode][childCode].date = dt
      let week = DateUtils.getWeekDay(dt)
      $('.index-flash-time').html(dtStr + ' ' + week)
    }

    //日期交替时，插入空行打标
    if (pm[parentCode][childCode].computeDate !== dtStr) {
      htmlStr += '<div style="width: 100%;" id=\'news_' + childCode + dtStr + '\'></div>'
      pm[parentCode][childCode].computeDate = dtStr
    }

    htmlStr += '<div class=\'index-flash-track-li flex-column\' onclick=\'goDetail(' + jsonStr + ')\'>'
    //htmlStr += '<div class=\'index-flash-track-li flex-column\'>'
    htmlStr += '<span class=\'node-icon\'></span>'
    htmlStr += '<span class=\'time fspx12\'>' + item.issuerDttmStr.substring(11, 16) + '</span>'
    // 快讯内容

    htmlStr += '<div class=\'title line4 fspx15  ' + (pm[pm.secondLevelCode].thirdLevelCode === '004005002' ? 'ff400' : 'ff500') + '\'>' + Utils.dealUndefined(item.mainTitle) + '</div>'
    if (item.trailContent && item.trailContent.trim()) { // 快评内容
      let linkInfo = ''
      if (item.trailContent.length > 150) {
        item.trailContent = item.trailContent.substring(0, 150)
        linkInfo = '...<span class=\'fspx13\'>阅读更多</span>'
      }
      let objList = item.trailContent.split('\n')
      htmlStr += '<div class=\'content fspx13 ff400\'>'
      for (let i = 0; i < objList.length; i++) {
        if (objList[i]) {
          if (i === objList.length - 1) {
            htmlStr += '<div>' + objList[i] + linkInfo + '</div>'
          } else {
            htmlStr += '<div>' + objList[i] + '</div>'
            htmlStr += '<div class="h-10-p"></div>'
          }
        }
      }
      htmlStr += '</div>'
    }
    // 快评链接
    if (item.infos && item.infos.length > 0) {
      htmlStr += '<div class=\'index-flash-link\'>'
      htmlStr += '<div class=\'flex-row align-items-center\'>'
      htmlStr += '<div class=\'index-flash-link-title flex-row  flex-1 line2 pos-r\' style="top:-0.1rem">'
      htmlStr += '<span class=\'index-flash-link-icon iconfont iconlianjie2 fspx15 mr5 \'>'
      htmlStr += '</span>'
      htmlStr += '<span>' + item.infos[0].mainTitle + '</span>'
      htmlStr += '</div>'
      htmlStr += '<div class=\'index-flash-link-img\'>'
      htmlStr += '<img src=\'' + (item.infos[0].coverImgUrl ? item.infos[0].coverImgUrl : pm.defaultImg) + '\'/>'
      htmlStr += '</div>'
      htmlStr += '</div>'
      htmlStr += '</div>'
    }
    // 图片
    if (item.fileList && item.fileList.length > 0) {
      if (1 === item.fileList.length) {
        htmlStr += '<div class=\'index-flash-img flex-row\'>'
        //htmlStr += '<img class=\'index-flash-img-one\' src=\'//test.storage.jd.com/jtzx/ee95e9f1-0fdb-408e-ab14-87025a18543b.png\'/>'
        htmlStr += '<img class=\'index-flash-img-one\' src=\'' + item.fileList[0] + '\'/>'
        htmlStr += '</div>'
      } else if (2 === item.fileList.length) {
        htmlStr += '<div class=\'index-flash-img flex-row\'>'
        htmlStr += ' <img class=\'index-flash-img-more mr10\' src=\'' + item.fileList[0] + '\'/>'
        htmlStr += ' <img class=\'index-flash-img-more mr10\' src=\'' + item.fileList[1] + '\'/>'
        htmlStr += '</div>'
      } else {
        htmlStr += '<div class=\'index-flash-img flex-row justify-content-between\'>'
        htmlStr += ' <img class=\'index-flash-img-more\' src=\'' + item.fileList[0] + '\'/>'
        htmlStr += ' <img class=\'index-flash-img-more\' src=\'' + item.fileList[1] + '\'/>'
        htmlStr += ' <img class=\'index-flash-img-more\' src=\'' + item.fileList[2] + '\'/>'
        htmlStr += '</div>'
      }
    }

    // 评论以及分享
    htmlStr += '<div class=\'index-flash-bottom flex-row justify-content-between align-items-center\'>'
    htmlStr += '<div class=\'index-flash-bottom-box flex-1 fspx12 \'>'
    if (item.infoLabel) {
      let split = item.infoLabel.split(/[,，]/)
      split.forEach(function (it, index) {
        if (index < 5) {
          htmlStr += '<div class=\'index-flash-bottom-label\' onclick=\'goSearchSyn("' + it + '")\'>' + it + '</div>'
        }
      })
    }
    htmlStr += '</div>'
    htmlStr += '<div class=\'index-flash-bottom-icon flex-row align-items-center ml10\'>'

    htmlStr += '<span class=\'index-flash-pl iconfont iconpinglun fspx16\' onclick=\'goCommentList(' + jsonStr + ')\'></span>'
    htmlStr += '<span class=\'index-flash-fx iconfont iconfenxiang1 fspx14\' onclick=\'dealShare("' + Utils.dealUndefined(item.detailImgUrl) + '","' + item.infoId + '")\'></span>'
    htmlStr += '</div>'
    htmlStr += '</div>'
    htmlStr += '</div>'
    return htmlStr
  }

  function goSearch() {
    jsBridge.openWindow('html/search/index-search.html', {}, {noBar: false})
  }

  //分享
  function dealShare(url, infoId) {
    if (url && url.trim()) {
      let item = {
        type: 'image',
        image: url ? url.trim() : ''
      }
      Template.shareWindow(item)
      stopBubbling()
    } else {
      Server.infoIndex.getLoadShare({
        id: infoId
      }).then(function (data) {
        if (data.url) {
          url = data.url
          let item = {
            type: 'image',
            image: url ? url.trim() : ''
          }
          Template.shareWindow(item)
          stopBubbling()
        }
      })
      stopBubbling()
    }

  }

  // 快讯跳转
  function goSearchSyn(key) {
    key = key ? encodeURIComponent(Utils.replaceAll(key, '%', '%25')) : ''
    jsBridge.openWindow('html/search/search.html?key=' + key, {}, {noBar: false})
    stopBubbling()
  }

</script>
</html>
